<%@ page language="java" contentType="text/html; utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>个人资料</title>
		<base href="${pageContext.request.contextPath }/"/>
		<jsp:include page="/head.jsp"/>
		<link href="front/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="front/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="front/css/personal.css" rel="stylesheet" type="text/css">
		<link href="front/css/infstyle.css" rel="stylesheet" type="text/css">
		<link href="front/css/index.css" rel="stylesheet" type="text/css" />
		
		<script src="front/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
		<script src="front/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
			
	</head>

	<body style="background-color: white;">
		<!--头 -->
		<header>
			<article>
			<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a target="_top" class="h">你好，</a>
							<a target="_top" style="color: #F03726;">${user.userNickname }</a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="mall-list.let" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="user/index.jsp" target="_top"><i class="am-icon-user am-icon-fw" style="color: #F03726;"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="mall-cart.let" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="logout.let" target="_top" style="color: red;"><span>退出登录</span></a></div>
				</ul>
				</div>

				<!--悬浮搜索框-->

				<div class="nav white">
					<div class="logoBig">
						<a href="mall-list.let">
						<li><img src="front/images/logobig.png" alt="图片加载中" style="width: 80px; height: 80px; padding-top: 5px;" /><img src="front/images/logo_font.png" alt="图片加载中" style="width: 88px; height: 35px; display: inline-block;position: absolute;top: 25px;"/></li>
						</a>
					</div>

					<div class="search-bar pr" style="width: 960px;position: absolute;">
						<a name="index_none_header_sysc" href="#"></a>
						<form action="search.let"  method="get">
							<input id="searchInput" name="key" type="text" placeholder="请输入关键字" autocomplete="off" value="${search.key }">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
				</div>
			</article>
		</header>
            <div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
						    <div class="nav-extra">
						    	<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>购物车
						    	<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
						    </div>
						</div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-info">
						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人资料</strong> / <small>${user.userNickname }</small></div>
						</div>
						<hr/>

						<!--头像 -->
						<div class="user-infoPic">
						<form name="headerForm" action="user/header-upload.let" enctype="multipart/form-data" method="post">
							<div class="filePic">
							
								<input type="file" class="inputPic" name="HeaderImgs" accept="image/*">
								<img class="am-circle am-img-thumbnail" src="${user.userImg}" onerror="this.src='front/images/getAvatar.do.jpg'" />
								
								
							</div>

							<p class="am-form-help">头像</p>

							<div class="info-m">
								<div><b>用户名：<i>${sessionScope.user.userName }</i></b></div>
								<div class="u-level">
									<span class="rank r2">
							             <s class="vip1"></s><a class="classes">铜牌会员</a>
						            </span>
								</div>
								<div class="u-safety">
									<a>
									 账户安全
									<span class="u-profile"><i class="bc_ee0000" style="width: 60px;" width="0">60分</i></span>
									</a>
								</div>
								<button type="submit" class="btn btn-danger">提交</button>
							</div>
							</form>
						</div>
						

						<!--个人信息 -->
						<div class="info-main">
							<form class="am-form am-form-horizontal" name="updateForm">
							
							<input type="hidden" id="user-name2" placeholder="" name="userId" value="${user.userId }">

								<div class="am-form-group">
									<label for="user-name2" class="am-form-label">昵称</label>
									<div class="am-form-content">
										<input type="text" pattern="^[\u4100-\u9fa5]{2,8}$" id="user-name2" placeholder="nickname" name="userNickname" value="${user.getUserNickname() }">

									</div>
								</div>

								<div class="am-form-group">
									<label for="user-name" class="am-form-label">角色</label>
									<div class="am-form-content">
										<input type="text" id="user-name2" placeholder="name" readonly="readonly" value="${role.getRoleName() }">

									</div>
								</div>

								<div class="am-form-group">
									<label class="am-form-label">性别</label>
									<div class="am-form-content sex">
										<label class="am-radio-inline">
											<input type="radio" name="userSex" value="true"${user.getUserSex()?" checked=\"checked\"":"" }  > 男
										</label>
										<label class="am-radio-inline">
											<input type="radio" name="userSex" value="false"${!user.getUserSex()?" checked=\"checked\"":"" }  > 女
										</label>
									</div>
								</div>

								<div class="am-form-group">
									<label for="user-birth" class="am-form-label">生日</label>
									<div class="am-form-content birth">
										<input type="date" name="userBrithdate" class="form-control" value="${t.formatDate(user.userBrithdate) }"
										style="width: auto;" />
									</div>
							
								</div>
								<div class="am-form-group">
									<label for="user-phone" class="am-form-label">电话</label>
									<div class="am-form-content">
										<input id="user-phone" pattern="^(17[0-9]|13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" name="userPhone" placeholder="telephonenumber" type="tel" value="${user.getUserPhone() }">

									</div> 
								</div>
								<div class="am-form-group">
									<label for="user-email" class="am-form-label">电子邮件</label>
									<div class="am-form-content">
										<input id="user-email" name="userEmail" placeholder="Email" type="email" value="${user.getUserEmail() }">

									</div>
								</div>
								<div class="am-form-group safety">
									<label for="user-safety" class="am-form-label">账号安全</label>
									<div class="am-form-content safety">
										<a href="safety.html">

											<span class="am-icon-angle-right"></span>

										</a>

									</div>
								</div>
								<div class="info-btn">
									<button class="am-btn am-btn-danger" type="submit">保存修改</button>
								</div>

							</form>
						</div>

					</div>

				</div>
				<!--底部-->
				<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="about.let?name=1278551338296279040 ">舒心购</a>
								<b>|</b>
								<a href="mall-list.let">商城首页</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="about.let?name=1278551338296279040 ">关于舒心购</a>
								<b>|</b>
								<a href="join.let?name=1278551338526965760 ">联系我们</a>
								<b>|</b>
								<em>© 2020-2025 shuxingou.com 版权所有</em>
							</p>
						</div>
					</div>
			</div>

			<aside class="menu">
				<ul>
					<li class="person">
						<a href="user/index.jsp">个人中心</a>
					</li>
					<li class="person">
						<a href="javascript:void(0);">个人资料</a>
						<ul>
							<li class="active"> <a href="javascript:void(0);">个人信息</a></li>
							<li> <a href="user/person-address.jsp">收货地址</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="javascript:void(0);">我的交易</a>
						<ul>
							<li><a href="user/order.jsp?status=0">订单管理</a></li>
							<li> <a href="change.html">退款售后</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="javascript:void(0);">我的资产</a>
						<ul>
							<li> <a href="coupon.html">优惠券 </a></li>
							<li> <a href="bonus.html">红包</a></li>
							<li> <a href="bill.html">账单明细</a></li>
						</ul>
					</li>

				

				</ul>

			</aside>
		</div>
		<script src="user/person-information.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>